<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="author" content="XUE">
	<meta name="description" content="普济一城">
	<meta name="viewport" content="initial-scale=1,maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="transparent">
	<meta name="format-detection" content="telephone=no,email=no">
	<link rel="stylesheet" type="text/css" href="../../css/base.css?v=1.0.0">
	<link rel="stylesheet" type="text/css" href="../../css/shopDetail/shopDetail.css">
	<link rel="stylesheet" type="text/css" href="../../css/slide.css">
	<link rel="stylesheet" type="text/css" href="../../css/layer.css">
</head>
<body>
	<!-- top -->
<div class="waimian">
	<!-- nav -->
	<div class="nav">
		<div id="go_back" class="nav1-img">
			<img src="../../img/d_chuqu.png">
		</div>
		<div class="nav2">
			<div class="shop_smallpic">
				<img src=""/ class="pingk">
			</div>
			<div class="navFx-img">
				<img src="../../img/d_zhuanfa.png">
			</div>
			<!--<div class="navDp-img">
				<img src="../../img/a_collection.png" class="navDp-imga">
			</div>-->
			<div class="navDp-img">
				<img src="../../img/d_xin.png" class="navDp-imga">
			</div>
		</div>
		<div id="xiany">
				<ul id="nav">
					<li class="bao_b add_color">
						<img src="../../img/b_weizhi.png"/ class="map_l">
						宝贝
					</li>
					<li class="pingjone">
						<img src="../../img/b_weizhi.png"/ class="map_l2">评价
					</li>	
					<li class="fw_td">
						<img src="../../img/b_weizhi.png"/ class="map_l3">服务团队
					</li>
					<li class="x_q">
						<img src="../../img/b_weizhi.png"/ class="map_l4">
						详情</li>
				</ul>
			</div>
	</div>
	<!-- head -->
<div id="box">
	

	<div class="head">
		<div class="liehome">
			<div class="addWrap">
				<div class="swipe" id="mySwipe">
					<div class="swipe-wrap">

					</div>
				</div>
				 <!-- 如果需要分页器 -->
    			<div class="swiper-pagination">
					<span id="current-in">1</span>/<span id="lunbo-zs">5</span>
    			</div>

			</div>

		</div>
		<div class="head-2">
			<div class="head2-z">
				<p class="head-maney">¥<span class="zong"><span class="head-dad">23.</span><span class="head-dax">9</span></span></p>
				<p class="head-mc">年货必备土家鸡，年货必</p>
				<p class="head-js">肉质鲜美，无污染</p>
<!--				<p class="head-js-1">来自<span class="kuaidi-1">博洛尼室内装修</span></p>-->
				<div class="head-f">
					<p class="head-kd">快递：<span class="kuaidi">0.00</span>元</p>
					<!--<p class="head-yx">月销<span class="yuexiao">1111</span>笔</p>-->
					<p class="head-city">北京</p>
				</div>
			</div>
		</div>
	</div>
	<!--规格-->
	<div class="ruler">
		<p id="guiG">规格<span>请选择分类&nbsp;&nbsp;&gt;</span></p>
	</div>
	<!--商品评价-->
	<div class="pingjia">
		<p>商品评价(<b class="pingjiashu">300</b>)<!--<span>95%好评&nbsp;&nbsp;&gt;</span>--></p>
		<div class="sppj-z">
			<p type='1' class="sppjHP">好评(<span class="hp">0</span>)</p>
			<p type='2' class="sppjZP">中评(<span class="zp">0</span>)</p>
			<p type='3' class="sppjCP">差评(<span class="cp">0</span>)</p>
		</div>
		<div id="pingjia_content">
			<div class="pingjia_content">
				<p class="phead"><span><img src=""/ class="tx"></span> <b class="mingzi"> </b></p>
				<p class="xxnum"></p>
				<p class="pdescript"><span class="shijian">&nbsp;&nbsp;</span><b>&nbsp;&nbsp;<span class="guigui"> </span></b></p>
				<p class="pcontent"></p>
				<!--<div class="ppic">
					<img src=""/ class="shoppj1">
					<img src=""/  class="shoppj2">
					<img src=""/  class="shoppj3">
				</div>	-->
			</div>
		</div>
		<div type='0' class="sppj-4">
			<button class="ckqbpj">查看全部评价</button>
		</div>
	</div>
	<!--服务团队-->
	<div class="service_team">
		<p class="service_title">服务团队</p>
		<div class="service_content">
			<b class="service_pic"><img src=""/ class="imgs"></b>
			<p class="service_title1">
				<b class="jianshen1">博洛尼健身</b>
					<span>服务范围 | <b class="city_l">北京市朝阳区</b></span></p>
			<p class="service_xx">
					<!--<img src="../../img/d_starwu.png"/>
	    			<img src="../../img/d_starwu.png"/>
	    			<img src="../../img/d_starwu.png"/>
	    			<img src="../../img/d_starwu.png"/>
	    			<img src="../../img/d_starwu.png"/>-->
			</p>
			<p class="service_jj">
				<b class="pingl">以人才为跟本,以市场为向导，以质量为保证！</b><span class="sever_kefu">联系团队</span></p>
		</div>
	</div>
	<!--商品介绍-->
	<div class="shop_js" id="x_q">
		 <p class="shop_title">商品介绍</p>
		 <div id="shop_content">
		 	<div class="shop_cotent">
		 		<!-- <p style="display: :none">正宗散养土家鸡，没有饲料养殖，儿时的味道，生长周期长，因此羽翼丰满，是传统饲料鸡无法比拟的。选土鸡不要错过我们！正宗散养土家鸡，没有饲料养殖，儿时的味道，生长周期长，因此羽翼丰满，是传统饲料鸡无法比拟的。选土鸡不要错过我们！</p>
		 		<div class="shop_pic">
		 			<div></div>
		 		</div> -->
		 		<div class="video">
					<video id="video1" width="100%" controls></video>
				</div>
		 	</div>
		 </div>
	</div>
</div>
	<!-- foot -->
	<div class="foot">
		<div class="foot-left">
			<ul>
				<li class="kefu">
					<div class="foot1-img">
						<img src="../../img/a_kefu.png">
					</div>
					<p>客服</p>
				</li>
				<li class="buycart">
					<div class="foot-img">
						<i class="carnum">0</i>
						<img src="../../img/a_shopcart.png">
					</div>
					<p>购物车</p>
				</li>
			</ul>
			<div class="gwc-gs">3</div>
		</div>
		<div class="foot-right">
			<button class="gwc">加入购物车</button>
			<button class="buy">立即购买</button>
		</div>
	</div>
	<!-- success -->
	<div class="success">
		<div class="success-img">
			<img src="../../img/a_cart2.png">
		</div>
		<p class="wait">添加成功，在购物车等待~</p>
	</div>
	<!-- 商品属性 -->
	<div class="checkspsx"><p>请选择商品属性</p></div>
</div>

<div class="mengban"></div>

<!-- box -->
	<div class="box">
		<div class="box-a">
			<div class="box-left">
				<div class="box-pic">
					<img src="../../img/a_detail.png" class="box-pica">
				</div>
				<div class="box-wen">
					<p class="maney">¥<span class="maney-a">0</span></p>
					<p>库存<span class="surplus">0</span>件</p>
					<p>选择规格分类</p>
				</div>
			</div>
			<div class="box-right">
				<img src="../../img/a_goback.png">
			</div>
		</div>
		<div class="box-b">
			<!--  <div class="box-ba"> 
							 <p class="zhongl">重量</p> 
							 <div class="boxb-list">
								<span>1斤</span>
								<span>2斤</span>
								<span>3斤</span>
								<span>4斤</span>
								<span>5斤</span>
								<span>6斤</span>
							</div> 
			</div>  -->

		</div>
		<div class="box-c">
			<p>购买数量</p>
			<div class="boxc-r">
				<button class="jian">-</button>
				<button class="num">1</button>
				<button class="jia">+</button>
			</div>
		</div>
		<div class="sure">
			<button class="btn gshop">确定</button>
		</div>
	</div>
	<!-- 大轮播 -->
	<div class="blacklunbo">
		<div class="blacklunbo-a">
			<div class="addWrap1">
				<div class="swipe1" id="mySwipe1">
					<div class="swipe-wrap1">

					</div>
				</div>
				 <!-- 如果需要分页器 -->
    			<div class="swiper-pagination1">

    			</div>

			</div>
		</div>
	</div>
	<input type="hidden"  id="guize" />
</body>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/layer.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/shopDetail/swipe.js"></script>
<script type="text/javascript" src="../../js/shopDetail/shopDetail.js?v=1.0.0"></script>
<script type="text/javascript">
	$('.nav1-img').click(function(){
		window.history.go(-1);
	})
	$(".pingl").each(function(){
  var maxwidth=23;
  if($(this).text().length > maxwidth){
    $(this).text($(this).text().substring(0,maxwidth));
    $(this).html($(this).html()+'...');
  }
});

</script>
</html>